<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#table').bootstrapTable({
                url: '/car/getInfo',
                toolbar: '#toolbar',
                method: 'GET',
                striped: true,                      //是否显示行间隔色
                pagination: true,                   //是否显示分页（*）
                sortable: true,                     //是否启用排序
                sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 3,                     //每页的记录行数（*）
                pageList: [1, 3, 5, 10],        //可供选择的每页的行数（*）
                search: true,                      //是否显示表格搜索

                strictSearch: true,
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                //height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "pid",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: true,                  //是否显示父子表
                columns: [{
                    checkbox: true,
                    visible: true
                },{
                    field: 'cid',
                    title: 'ID',
                    sortable: true
                }, {
                    field: 'cname',
                    title: '汽车'
                },{
                        field: 'price',
                        title: '价格'
                    }, {
                        field: 'tid',
                        title: '分类',
                    formatter:function (value,row,index) {
                        var result = row.tname;
                        return result;
                    }
                    },{
                    field: 'uid',
                    title: '操作',
                    formatter:function (value,row,index) {
                        var id = row.cid;
                        var result = "";
                        result += "<a href='javascript:toUpdate("+ id +");' class='btn btn-xs blue' title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
                        result += "<a href='javascript:deleteId("+ id +");' class='btn btn-xs blue' title='删除'><span class='glyphicon glyphicon-remove-sign'></span></a>"
                        return result;
                    }
                }
                ]
            });
        })
        function deleteId(cid) {
            if (confirm("确认删除吗?")){
                $.ajax({
                    url:"/car/deleteInfo/" + cid,
                    type:"post",
                    dataType:"json",
                    success:function (data) {
                        $("#table").bootstrapTable("refresh");
                    },
                    error:function (data){
                        alert("gfhhdgjsahgja")
                    }
                })
            }
        }
        function toUpdate(id) {
            BootstrapDialog.show({
                title: '修改',
                message: $('<div></div>').load('/car/toUpdate/'+id),
                buttons: [{
                    label: '取消',
                    action: function(dialog) {
                        dialog.close();
                    }
                }, {
                    label: 'OK',
                    action: function(dialog) {
                        $.ajax({
                            url:"/car/updateInfo",
                            type:"post",
                            dataType:"json",
                            data:$("#updateForm").serialize(),
                            success:function (data) {
                                dialog.close();
                                $("#table").bootstrapTable("refresh");
                            },
                            error:function (data){
                                alert("gfhhdgjsahgja")
                            }
                        })

                    }
                }]
            });
        }
        function insertinto() {
            BootstrapDialog.show({
                title: '增加',
                message: $('<div></div>').load('/car/toAdd'),
                buttons: [{
                    label: '取消',
                    action: function(dialog) {
                        dialog.close();
                    }
                }, {
                    label: 'OK',
                    action: function(dialog) {
                        $.ajax({
                            url:"/car/addInfo",
                            type:"post",
                            dataType:"json",
                            data:$("#addform").serialize(),
                            success:function (data) {
                                dialog.close();
                                $("#table").bootstrapTable("refresh");
                            },
                            error:function (data){
                                alert("gfhhdgjsahgja")
                            }
                        })
                    }
                }]
            });
        }
        function deleteAll() {
            var ids = []
            var rows = $("#table").bootstrapTable("getSelections")
            $(rows).each(function (i,e) {
                ids.push(e.cid)
            })
            if (ids.length <= 0){
                toastr.error("请选择需要删除的数据")
                return
            }
            $.ajax({
                url:"/car/deleteAll",
                type:"get",
                dataType:"json",
                data:{cid:ids},
                async:false,
                success:function (data) {
                    toastr.error("删除成功")
                    getData();

                },
                error:function (data){

                    alert("gfhhdgjsahgja")
                }
            })
        }

    </script>
    <style>
        .fixed-table-body {
            overflow-x: auto;
            overflow-y: auto;
            height: 20%;
        }
    </style>
</head>
<body>
<div th:insert="/commen/commen.html"></div>
<div id="toolbar" >
    <input shiro:hasPermission="car_toAdd" type="button" class="btn btn-success" value="增加" onclick="insertinto()">
    <input shiro:hasPermission="car_deleteAll" type="button" class="btn btn-success" value="批量删除" onclick="deleteAll()">
</div>
<table id="table"></table>
</body>
</html>